<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- meta data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 

<!--font-family-->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

<!-- title of site -->
<title>加入我们</title>

<!-- For favicon png -->
<link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png"/>

<!--font-awesome.min.css-->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<!--linear icon css-->
<link rel="stylesheet" href="assets/css/linearicons.css">

<!--animate.css-->
<link rel="stylesheet" href="assets/css/animate.css">

<!--flaticon.css-->
<link rel="stylesheet" href="assets/css/flaticon.css">

<!--slick.css-->
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/slick-theme.css">

<!--bootstrap.min.css-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<!-- bootsnav -->
<link rel="stylesheet" href="assets/css/bootsnav.css" >

<!--style.css-->
<link rel="stylesheet" href="assets/css/style.css">

<!--responsive.css-->
<link rel="stylesheet" href="assets/css/responsive.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 

<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

</head>

<body id="join">
<!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]--> 

<!--header-top start -->
<header id="header-top" class="header-top">
  <ul>
    <li>
      <div class="header-top-left">
        <ul>
          <li class="select-opt"> </li>
        </ul>
      </div>
    </li>
    <li class="head-responsive-right pull-right">
      <div class="header-top-right">
        <ul>
          <li class="header-top-contact"> <a href="#">企业邮箱</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| </li>
          <li class="header-top-contact"> <a href="#">联系我们</a> </li>
        </ul>
      </div>
    </li>
  </ul>
</header>
<!--/.header-top--> 
<!--header-top end --> 

<!-- top-area Start -->
<section class="top-area">
  <div class="header-area"> 
    <!-- Start Navigation -->
    <nav class="navbar navbar-default bootsnav  navbar-sticky navbar-scrollspy"  data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000">
      <div class="container"> 
        
        <!-- Start Header Navigation -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="fa fa-bars"></i> </button>
          <a class="navbar-brand" href="index.html"><img src="assets/images/logo01.png" width="240px" alt=""></a> </div>
        <!--/.navbar-header--> 
        <!-- End Header Navigation --> 
        
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse menu-ui-design" id="navbar-menu">
          <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
            <li class=""><a href="index.html">集团首页<span>Home</span></a></li>
            <!--            <li class="scroll"><a href="#">关于我们<span>About</span></a></li>-->
            <li class=""><a href="trade.html">广顺汽贸<span>Automobile trade</span></a></li>
            <li class=""><a href="chain.html">广顺供应链<span>Supply Chain</span></a></li>
            <li class=""><a href="international.html">中安国际物流<span>International</span></a></li>
            <li class=""><a href="contact.html">联系我们<span>Contact</span></a></li>
            <li class="active"><a href="join.html">加入我们<span>Join us</span></a></li>
          </ul>
          <!--/.nav --> 
        </div>
        <!-- /.navbar-collapse --> 
      </div>
      <!--/.container--> 
    </nav>
    <!--/nav--> 
    <!-- End Navigation --> 
  </div>
  <!--/.header-area-->
  <div class="clearfix"></div>
</section>
<!-- /.top-area--> 
<!-- top-area End --> 

<!--welcome-hero start -->
<section class="welcome-hero comHero"> 
  <div class="item">
    <div class="items">
      <div class="mask"></div>
    </div>
  </div>
  <div class="container">
    <div class="welcome-hero-txt comHeroTxt">
		<p>join us</p>
      <h2>加入我们</h2>
     
    </div>
  </div>
</section>
<!--/.welcome-hero--> 
<!--welcome-hero end --> 

<section class="hot_report">
	<div>
		<div class="container hot_reports" style="background: white;opacity: 1!important;">
			<div class="row news_major ">
				<div class="col-lg-11 flexbuju search_job " style="justify-content: center;">
					<div style="width: 40%">职位名称</div>
					<div style="width: 15%">职位类型</div>
					<div style="width: 15%">发布时间</div>
					<div style="width: 15%">刷新日期</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
			<div class="row news_major">
				<div class="col-lg-11 flexbuju setFontSize baseBackground  oddBackground" id="index1" style="justify-content: center;">
					<div style="width: 40%">工程师</div>
					<div style="width: 15%">技术</div>
					<div style="width: 15%">2025-06-20</div>
					<div style="width: 15%">2025-06-20</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
			<div class="row news_major">
				<div class="col-lg-11 flexbuju setFontSize baseBackground" id="index2" style="justify-content: center;">
					<div style="width: 40%">服务端架构师</div>
					<div style="width: 15%">技术</div>
					<div style="width: 15%">2025-06-20</div>
					<div style="width: 15%">2025-06-20</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
			<div class="row news_major  ">
				<div class="col-lg-11 flexbuju setFontSize  baseBackground oddBackground" id="index3" style="justify-content: center;">
					<div style="width: 40%">服务端架构师</div>
					<div style="width: 15%">技术</div>
					<div style="width: 15%">2025-06-20</div>
					<div style="width: 15%">2025-06-20</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
			<div class="row news_major  ">
				<div class="col-lg-11 flexbuju setFontSize baseBackground" id="index4" style="justify-content: center;">
					<div style="width: 40%">服务端架构师</div>
					<div style="width: 15%">技术</div>
					<div style="width: 15%">2025-06-20</div>
					<div style="width: 15%">2025-06-20</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
			<div class="row news_major  ">
				<div class="col-lg-11 flexbuju setFontSize baseBackground oddBackground" id="index5" style="justify-content: center;">
					<div style="width: 40%">服务端架构师</div>
					<div style="width: 15%">设计</div>
					<div style="width: 15%">2025-06-20</div>
					<div style="width: 15%">2025-06-20</div>
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
		</div>
	</div>
</section>




<!--footer start-->
<footer id="footer"  class="footer">
  <div class="footer-menu">
    <div class="container">
      <div class="row">
        <div class="col-sm-3">
          <div class="navbar-header"> <a class="navbar-brand" href="index.html">相关网站</a> </div>
          <!--/.navbar-header--> 
        </div>
        <div class="col-sm-9">
          <ul class="footer-menu-item">
            <li class="scroll"><a href="#">广顺供应链</a></li>
            <li class="scroll"><a href="#">广顺供应链</a></li>
            <li class="scroll"><a href="#">广顺供应链</a></li>
            <li class="scroll"><a href="#">广顺供应链</a></li>
            <li class="scroll"><a href="#">广顺供应链</a></li>
            <li class="scroll"><a href="#">广顺供应链</a></li>
          </ul>
          <!--/.nav --> 
        </div>
      </div>
    </div>
  </div>
  <div class="hm-footer-copyright">
    <div class="container">
      <div class="row">
        <div class="col-sm-5">
          <p> &copy; 2025-2030 山东广顺集团  鲁ICP备0008882222</p>
          <!--/p--> 
        </div>
        <div class="col-sm-7">
          <div class="footer-social"> <span><i class="fa fa-phone"> 0536-8808888</i></span> 
            <!--
								<a href="#"><i class="fa fa-facebook"></i></a>	
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-linkedin"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
--> 
          </div>
        </div>
      </div>
    </div>
    <!--/.hm-footer-copyright--> 
  </div>
  <!--/.container-->
  
  <div id="scroll-Top">
    <div class="return-to-top"> <i class="fa fa-angle-up " id="scroll-top" data-toggle="tooltip" data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i> </div>
  </div>
  <!--/.scroll-Top--> 
  
</footer>
<!--/.footer--> 
<!--footer end--> 

<!-- Include all js compiled plugins (below), or include individual files as needed --> 

<script src="assets/js/jquery.js"></script> 

<!--modernizr.min.js--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> 

<!--bootstrap.min.js--> 
<script src="assets/js/bootstrap.min.js"></script> 

<!-- bootsnav js --> 
<script src="assets/js/bootsnav.js"></script> 

<!--feather.min.js--> 
<script  src="assets/js/feather.min.js"></script> 

<!-- counter js --> 
<script src="assets/js/jquery.counterup.min.js"></script> 
<script src="assets/js/waypoints.min.js"></script> 

<!--slick.min.js--> 
<script src="assets/js/slick.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> 

<!--Custom JS--> 
<script src="assets/js/custom.js"></script>
</body>
</html>